<!DOCTYPE HTML>
<html>

<head>
	<title>产品介绍</title>
	<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="EleganceMedia Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:700,300,600,800,400' rel='stylesheet' type='text/css'>
<script src="js/jquery.min.js"></script>
</head>

<body>
	<!-- header -->
	<div class="header">
		<div class="container">
			<div style="position: fixed; z-index: 1111; background-color: #ffffff;width: 100%; left: 0;">
				<div class="logo">
					<a href="index.html"><img src="images/13.png" class="img-responsive" alt="" style="width: 59px;height: 59px;"></a>
				</div>
				<div class="head-nav">
					<span class="menu"> </span>
					<ul class="cl-effect-16">
						<li class="active"><a href="index.html" data-hover="产品">产品</a></li>
						<li><a href=" about.html" data-hover="下载">下载</a></li>
						<li><a href=" portfolio.html" data-hover="关于我们">关于我们</a></li>
						<li><a href=" services.html" data-hover="其他">其他</a></li>
						<div class="clearfix"> </div>
					</ul>
					<!-- script-for-nav -->
					<script>
						$("span.menu").click(function () {
							$(".head-nav ul").slideToggle(300, function () {
								// Animation complete.
							});
						});
					</script>
					<!-- script-for-nav -->
				</div>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!-- banner -->
	<div class="banner">
		<img src="images/banner.png" alt="" style="width: 100%;margin-top: 3.5em;height: 100%;">
		<div class="introduce">
		  <div class="div1">帮助中小型公司 </div>
		  <div class="div1">创造<span class="span1">智能系统化</span>运营产业</div>
		  <div class="div3">天使搜正在加快系统化管理公司，不断 探索信息结合的实体运营模式系统,使 公司更高效、更明确、更有效运作</div>
		  <div class="div4"><a href=" about.html"  style="color:rgba(255,255,255,1);">下载体验</a></div>
		</div>
	</div>

	</div>
	</div>
	<!-- footer -->
</body>
<style>
.banner{
		position: relative;
}
.introduce{
	position: absolute;
	top: 14%;
	left: 21%;
}
.span1{
font-size:34px;
font-family:Source Han Sans CN;
font-weight:500;
color:#4D9DF5;
}
.div1{
font-size:34px;
font-family:Source Han Sans CN;
font-weight:500;
color:#333333;
}
.div3{
	width:284px;
height:64px;
font-size:16px;
font-family:Source Han Sans CN;
font-weight:400;
color:rgba(51,51,51,1);
line-height:30px;
}
.div4{

background:rgba(98,169,248,1);
border-radius:5px;
font-size:14px;
font-family:Source Han Sans CN;
font-weight:400;
text-align: center;
margin-top: 120px;
width:150px;
height:40px;
line-height: 40px;
}
</style>
</html>